<html window-resizable >
  <head>
    <title>Hello world!</title>
    <style>
    
      button { display:block; }

      html { 
        width:640dip;
        height:480dip;
        background:transparent;
      }
    
    </style>
    <script type="text/tiscript">

   
    function self.ready() {
      
      var (x,y) = view.box(#position,#border,#screen);
      var w = self.toPixels(self.style#width);
      var h = self.toPixels(self.style#height);

      view.move(x,y,w,h);

      view.state = View.WINDOW_SHOWN;
      $(#resizable).value = view.windowResizable;
      $(#minimizable).value = view.windowMinimizable;
      $(#maximizable).value = view.windowMaximizable;
    }

    event click $(#resizable)   { view.windowResizable = this.value }
    event click $(#minimizable) { view.windowMinimizable = this.value }
    event click $(#maximizable) { view.windowMaximizable = this.value }
  
    </script>
  </head>
<body>
  Dynmaic frame styles:
  
  <button|checkbox id="resizable" >resizable</button>
  <button|checkbox id="minimizable" >minimizable</button>
  <button|checkbox id="maximizable" >maximizable</button>
  
  
</body>
</html>
